<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>学子页面</title>
        <link rel="stylesheet" href="学子页面.css">
    </head>
    <body>
        <div class="main">
            <div class="f1">
                <div class="left">
                    <div class="text">
                        <p class="title">灵越 燃7000系列</p>
                        <p class="info">
                            酷睿双核i5处理器|256GB SSD| 8GB内存
                            <br>
                            英特尔HD显卡620含共享显卡内存
                        </p>
                        <p class="price">￥4999.00</p>
                        <a href="#">查看详情</a>
                    </div>
                    <img src="img/computer1.png" alt="1">
                </div>
                <div class="right">
                    <div class="text">
                        <p class="title">颜值 框不住</p>
                        <p class="info">
                            酷睿双核i5处理器|256GB SSD| 8GB内存
                            <br>
                            英特尔HD显卡620含共享显卡内存
                        </p>
                        <p class="price">￥6888.00</p>
                        <a href="#">查看详情</a>
                    </div>
                    <img src="img/computer2.png" alt="2">
                </div>
            </div>
            <div class="f2">
                <div class="left">
                    <div class="tit">
                        <img src="img/icon.png" alt="icon">
                        <span>电脑,办公/1F</span>
                    </div>
                    <div class="item_al">
                        <p>电脑整机</p>
                        <ul>
                            <li><a href="#">笔记本</a></li>
                            <li><a href="#">游戏机</a></li>
                            <li><a href="#">台式机</a></li>
                            <li><a href="#">一体机</a></li>
                            <li><a href="#">服务器</a></li>
                            <li><a href="#">联想</a></li>
                        </ul>
                        <p>电脑配件</p>
                        <ul>
                            <li><a href="#">CPU</a></li>
                            <li><a href="#">SSD硬盘</a></li>
                            <li><a href="#">显示器</a></li>
                            <li><a href="#">显卡</a></li>
                            <li><a href="#">组装电脑</a></li>
                            <li><a href="#">机箱</a></li>
                        </ul>
                        <p>外设/游戏</p>
                        <ul>
                            <li><a href="#">键盘</a></li>
                            <li><a href="#">鼠标</a></li>
                            <li><a href="#">U盘</a></li>
                            <li><a href="#">移动硬盘</a></li>
                            <li><a href="#">游戏设备</a></li>
                            <li><a href="#">智能单车</a></li>
                        </ul>
                    </div>
                </div>
                <div class="card i1">
                    <img src="img/computer3.png" alt="3">
                    <div class="text">
                        <p class="p_info">
                            戴尔(DELL)XPS13-9360-R1609 13.3英
                            <br>
                            寸微边框笔记本电脑
                        </p>
                        <p class="p_price">￥4600.00</p>
                        <a href="#">查看详情</a>
                    </div>
                </div>
                <div class="card">
                    <img src="img/computer4.png" alt="4">
                    <div class="text">
                        <p class="p_info">
                            14.8mm超轻薄笔记本电脑 航海王版
                            <br>
                            13.3英寸微边框笔记本电脑
                        </p>
                        <p class="p_price">￥5600.00</p>
                        <a href="#">查看详情</a>
                    </div>
                </div>
                <div class="card i3">
                    <img src="img/computer4.png" alt="4">
                    <div class="text">
                        <p class="p_info">
                            联想(Lenovo) YOGA900 多彩版 13.3
                            <br>
                            英寸微边框笔记本电脑
                        </p>
                        <p class="p_price">￥6600.00</p>
                        <a href="#">查看详情</a>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>